/* 这是每个页面的共同样式 */
/*引入混合函数*/
@import "mixins.less";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

a {
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}


/* 头部样式*/
#history-header {
    width: 100%;
    height: 50px;
    background-color: #1448AE;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;

    div,.header-return {
        background: url("../images/icon/sprites.png") no-repeat -48px -14px;
        background-size: 375px 475px;
        width: 25px;
        height: 25px;
    }

    p {
        font-size: 18px;
        color: #fff;
        font-weight: normal;
    }

    p:last-child {
        font-size: 14px;
    }
}
/*轮播图样式*/
 .swiper-container {
     width: 100%;
     a {
         display: block;

         img {
             display: block;
             width: 100%;
         }
     }

     .swiper-pagination {
         text-align: right;
         width: 97%;

         .swiper-pagination-bullet {
             border: 0.01rem solid #009aca;
             background-color: transparent;
             margin: 0 0.02rem;
             box-shadow: 0 0 2px #fff;
         }

         .swiper-pagination-bullet-active {
             background-color: #009aca;
             transform: scale(1.2);
         }
     }
 }

 /*底部tabbar样式*/
 .tabbar {
     width: 100%;
     position: fixed;
     left: 0px;
     bottom: 0px;
     font-size: 12px;
     background-color: #ededed;
     display: flex;
     height: 0.5rem;
     max-height: 70px;

     a {
         width: 25%;
         text-align: center;
        color: #999999;
         div {
             height: 60%;
             padding-top: 8px;
             img {
                 display: block;
                 height: 100%;
                 margin: 0 auto;
             }

             p {
                 padding-bottom: 4px;
             }
         }

     }
 }

 /*旅游列表样式*/
    .sale {
        padding: 0 0.1rem;
        font-size: 14px;
        .title {
            .textVC(0.44rem);
            color: #1546ac;
            font-size: 0.16rem;
            padding-left: 0.35rem;
            position: relative;

            i {
                width: 0.3rem;
                height: 0.25rem;
                position: absolute;
                background: url("../images/icon/sprites.png") -1.845rem -0.505rem no-repeat;
                top: 0.1rem;
                left: 0;
                background-size: 7.5/2rem;
            }
        }

        .content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            .item {
                width: 49%;
                border: 0.01rem solid #ccc;
                margin-bottom: 0.08rem;

                .item-img {
                    .ske(215/342*100%);

                    img {
                        .imgBlock();
                    }
                }

                .textwrap {
                    padding: 0.05rem;
                    padding-bottom: 0;
                    font-size: 0.12rem;
                    color: #000;

                    p:last-child {
                        .textVC(0.3rem);
                        margin-top: 0.05rem;
                        display: flex;
                        justify-content: space-between;
                        color: #999;

                        .price {
                            color: #fe9900;
                            font-size: 0.18rem;
                            font-weight: bold;
                            position: relative;

                            &::before {
                                content: "￥";
                                font-size: 0.12rem;
                                position: absolute;
                                left: -0.1rem;
                                top: -0.08rem;

                            }
                        }
                    }
                }
            }

        }
    }
/*旅游头部样式*/
  .travel-header {
      height: 50px;
      background-color: #1448AE;
      display: flex;
      justify-content: space-around;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;

      .header-return {
          background: url(../images/icon/sprites.png) no-repeat -47px -12px;
          display: block;
          height: 40px;
          width: 40px;
          background-size: 444px 560px;
          margin-top: 0.03rem;
      }

      .header-input {
          border: 1px solid #fff;
          width: 93%;
          margin-right: 0.1rem;
          font-size: 0.14rem;
          border-radius: 0.3rem;
          height: 32px;
          display: flex;
          font-size: 14px;

          .input-position {
              display: flex;
              align-items: center;
              padding: 0.03rem 0.1rem 0 0;
              border-right: 1px solid #fff;

              span {
                  background: url(../images/icon/sprites.png)-309px -127px;
                  height: 25px;
                  width: 20px;
                  display: block;
                  background-size: 375px 475px;
                  margin: 0 0.1rem;
              }

              a {
                  color: white;
              }
          }

          .input-dest {
              display: flex;
              align-items: center;
              padding: 0.03rem 0.1rem 0 0;
              width: 69%;

              span {
                  background: url(../images/icon/sprites.png)-192px -88px;
                  height: 25px;
                  width: 20px;
                  display: block;
                  background-size: 375px 475px;
                  margin: 0 0.1rem;
              }

              a {
                  color: rgba(255, 255, 255, 0.5);
              }
          }
      }
  }